<!DOCTYPE html>
<html>
	<head>
	
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport"
			content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
	    
		<base target="_blank"/>
		<title>锁定结果</title>

 		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 		
		<style type="text/css">
		html, body {
			width:100%;
			margin: 0;
			padding: 0;
			text-decoration: none;
			overflow-x:hidden;
		}
			#assurance div{
				background-color: white;
				position: relative
			}
			body{
				background-color: #271a40;
				margin: 0;
			}
			.wrap{
				background-color: white;
				margin: 0 5px;
				border-radius: 3px;
			}
			#assurance div{
				font: bold 16px arial;
				color: #664f8c;
			}
			#assurance img{
				position: relative;
			}
			a{		
				text-decoration: none;
				font: bold 16px arial;
				color: #664f8c;
			}
			#footer_span{
				bottom: 60px;
			}
			.facility{
				padding: 10px;
				letter-spacing: 1.5px;
				padding-top: 0;
			}
			.row{
				background-color: rgb(102,79,140);
				font: normal 16px arial;
				margin: 10px;
				line-height: 30px;
				text-align: left;
				background-image:url({cms>:$imagePath}/resultfilter2.png);
				background-repeat:no-repeat;
				background-position:right;
				background-size: 25px;
				padding: 5px;
				padding-left: 10px;
				margin-top: 2px;
				margin-bottom: 1px;
				color: white;
			}
			.row.down{
				background-image:url({cms>:$imagePath}/resultfilter5.png);
				background-position-x: 98%;
			}
			.city{
				margin-bottom: 10px;
			}
			.city p{
				margin: 0;
				margin-left: 20px;
				margin-bottom: 5px;
			}
			select {
				border: none;
				background-color: rgb(230,225,206);
				margin: 5px 10px;
				padding: 8px;
				border-radius: 5px;
				width: 95%;
				-webkit-appearance: none;
				font: normal 15px arial;
				background-image:url({cms>:$imagePath}/resultfilter1.png);
				background-repeat: no-repeat;
				background-position: right;
				background-size: 25px;
				background-position-x: 98%;
			}
			.checkbox{
				display:none;
			}
			.checkbox div{
				margin: 0px 10px;
			}
			.checkbox table{
				width: 100%;
				margin: 0 8px
			}
			.checkbox table td{
				height:39px;
				
			}
			.checkbox .title{
				width: 80%;
			}
			[type=checkbox]{
				-webkit-appearance: none;
				width: 100%;
				height: 30px;
				opacity: 0;
			}
			.checkbox td div{
				background-image:url({cms>:$imagePath}/resultfilter3.png);
				background-repeat: no-repeat;
				background-size: 26px;
				background-position: right;
			}
			.checkbox td div.checked{
				background-image:url({cms>:$imagePath}/resultfilter4.png);
			}
			div.li{
				border: solid 1px rgb(175, 166, 166);
				border-top:none;
			}
			
			[type=submit]{
				width: 80%;
				margin-left: 10%;
				margin-right: 10%;
				border: none;
				background-color: rgb(102,79,140);
				border-radius: 9px;
				padding: 10px;
				margin-top: 10px;
				margin-bottom: 10px;
				color: white;
				font: normal 16px arial;
			}
		</style>
	</head>
	
	<body>
		<div class="content">
			<form class="form" method="post" action="{cms>:U('Booking/searchresult')}" >
				<div class="wrap">
					<div style="height:10px"><pre> </pre></div>
					<div class="city">
						<p>按下列类别排序</p>
						<select name="supply">
							<option value="1" selected="selected">客房供应情况</option>
							<option value="2">酒店名称</option>
						</select>
					</div>
					<div class="city">
						<p>货币兑换器</p>
						<select name="currency">
							<option value="1" selected="selected">美元</option>
							<option value="2">加元</option>
							<option value="3">欧元</option>
							<option value="4">英镑</option>
							<option value="5">人民币</option>
						</select>
					</div>
					<div style="height:0px"><pre> </pre></div>
				</div>
				<div class="wrap">
					<div style="height:10px"><pre> </pre></div>
					<div class="city">
						<p>筛选标准</p>
						<div class="row">酒店类型与设施</div>
						<div class="checkbox">
							<div class="li first">
								<table>
									<tr>
										<td class="title">机场</td>
										<td><div><input type="checkbox" name="" value="1"></div></td>
								</table>
							</div>
							<div class="li">
								<table>
									<tr>
										<td class="title">海滩</td>
										<td><div><input type="checkbox" name="" value="1"></div></td>
								</table>
							</div>
							<div class="li last">
								<table>
									<tr>
										<td class="title">市中心</td>
										<td><div><input type="checkbox" name="" value="1"></div></td>
								</table>
							</div>
						</div>
						<div class="row">品牌</div>
						<div class="checkbox">
							<div class="li first">
								<table>
									<tr>
										<td class="title">威斯汀</td>
										<td><div><input type="checkbox" name="" value="1"></div></td>
								</table>
							</div>
							<div class="li">
								<table>
									<tr>
										<td class="title">希尔顿</td>
										<td><div><input type="checkbox" name="" value="1"></div></td>
								</table>
							</div>
							<div class="li last">
								<table>
									<tr>
										<td class="title">喜来登</td>
										<td><div><input type="checkbox" name="" value="1"></div></td>
								</table>
							</div>
						</div>
						<div class="row">SPG俱乐部类别</div>
						<div class="checkbox">
							<div class="li first">
								<table>
									<tr>
										<td class="title">所有类别</td>
										<td><div><input type="checkbox" name="" value="1"></div></td>
								</table>
							</div>
							<div class="li">
								<table>
									<tr>
										<td class="title">类别1</td>
										<td><div><input type="checkbox" name="" value="1"></div></td>
								</table>
							</div>
							<div class="li last">
								<table>
									<tr>
										<td class="title">类别2</td>
										<td><div><input type="checkbox" name="" value="1"></div></td>
								</table>
							</div>
						</div>
					</div>
					<div style="height:0px"><pre> </pre></div>
				</div>			
				<div style="background-color:white;margin: 3px 5px;border-radius: 3px;"><input type="submit" value="确定"></div>
			</form>
		</div>
		
	<script type="text/javascript">
		  $(document).ready(function(){		  
		     $(".row").click(function(){
		    	 if($(this).hasClass('down')){
		    		 $(this).removeClass('down');
		    		 $(this).next().css('display', 'none');
		    	 }else{
		    		 $(this).addClass('down');
		    		 $(this).next().css('display', 'block');
		    	 }
			 });

		     $("input").click(function(){
		    	 var val = $(this).parent().attr('class');
		    	 if(val == null || val == ""){
		    		 $(this).parent().attr('class','checked');
		    	 }else{
		    		 $(this).parent().removeAttr('class');
		    	 }
		     });
		  })
		</script>
		
<include file="Other:footer"/>